<div ng-if="total_items==0" class="container inner-xs">
    <h2>Oops!</h2>
    <p>Nothing is found. Please change your search critiera and try again.</p>
</div>
<div ng-if="total_items>0" class="container inner-xs">
    <h3>Search Results</h3>
    <p>[[total_items]] results found.</p>

    <div class="media" ng-repeat="university in universities">
        <div class="media-left">
            <a ng-href="[[ university.absolute_url ]]">
                <img class="media-object" ng-src="[[university.logo_url]]" ng-alt="university.name" style="width: 128px; height: auto;">
                <img class="media-object" ng-if="university.logo_url==null" src="/static/images/uni-logo-default.png">
            </a>
        </div>
        <div class="media-body">
            <h4 class="media-heading"><a ng-href="[[ university.absolute_url ]]" ng-bind="university.name"></a></h4>
            <p ng-bind="university.short_description"></p>
            <p>
                <i class="icon-location"></i>
                <span ng-bind="university.region.name"></span>, <span ng-bind="university.region.country.name"></span> |
                <i class="icon-table"></i>
                Rank: <span ng-bind="university.rank"></span> |
                <i class="icon-money"></i>
                Avg. Tuition: &pound;<span ng-bind="university.tuition"></span>
            </p>
        </div>
    </div>
    <div class="inner-xs">
        <pagination ng-if="total_items>items_per_page" total-items="total_items" ng-model="filters.page" ng-change="page_changed()" items-per-page="items_per_page" max-size="5" rotate="false"></pagination>
    </div>
</div>
